<template>
	<view class="main">
		<view class="head">
			<uv-qrcode class="code" ref="qrcode" size="200px" :value="urlKey"></uv-qrcode>
		</view>
		<view class="hint">
			长按识别图中二维码或扫描二维码
		</view>
		<view class="introduce">
			<!-- <view class="phone">
				学车电话：155553321244
			</view>
			<view class="item">
				实体店电话：2332123132132
			</view> -->
			<view class="item">
				客服电话：2332123132132
			</view>
			<view class="item">
				<view class="title">
					简介：
				</view>
				<view class="value">
					专注科一、科四理论培训。精选考场必考题，懒人学习，答题技巧，关键词记忆，真实考场模拟。
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		shareKey
	} from "@/api/index.js"
	export default {
		data() {
			return {
				urlKey: '', // 存储二维码图片的路径
				modal_qr: false,
			};
		},
		onLoad() {
			let that = this;


		},
		mounted() {
			shareKey().then(res => {
				if (res.code == 1) {
					this.urlKey = 'http://h5.lingjiamao.cn/pages/register/register?key=' + res.data.u_key +
						"&level=2"

				}
			})
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		height: 100%;
	}

	.main {
		width: 100%;
		height: 100%;
		background: url(../../static/code_back1.jpg) no-repeat center;
		background-size: cover;
		box-sizing: border-box;
		padding: 50rpx;
	}

	.head {
		text-align: center;
		padding: 60rpx 0;
		display: flex;
		justify-content: center;

		.code {
			width: 400rpx;
			height: 400rpx;
			border: 5px solid #fff;
			box-sizing: initial;
		}


	}

	.hint {
		margin-top: 20rpx;
		font-size: 28rpx;
		text-align: center;
	}

	.introduce {
		margin-top: 10rpx;
		padding: 26rpx;

		.phone {
			font-weight: 600;
			font-size: 40rpx;
		}

		.item {
			margin-top: 20rpx;
			display: flex;
			font-weight: 600;
			font-size: 30rpx;

			.title {
				width: 100rpx;
			}

			.value {
				flex: 1;
			}

		}
	}
</style>